<!DOCTYPE html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="EN" lang="EN" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/layout.css")" rel="stylesheet" type="text/css" />

    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript">

        $('.waitforSite').click(function () {

            alert("Hello Friends, Its Varinder Here ! Sorry But This site underconstruction :( .");
         });
        function waitForSite() {
            alert("Hello Friends, Its Varinder Here ! Sorry But This site underconstruction :( .");
        }
    
    </script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-1.4.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.slidepanel.setup.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.cycle.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.cycle.setup.js")" type="text/javascript"></script>
    <script  src="@Url.Content("~/Scripts/CustomMenuLayout.js")" type="text/javascript"></script>
</head>
<body>
    <div class="wrapper col0">
        <div id="topbar">
            <div id="slidepanel">
                <div class="topbox">
                    <h2>
                        Nullamlacus dui ipsum</h2>
                    <p>
                        Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna.
                        Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla
                        et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis
                        malesuada.</p>
                    <p class="readmore">
                        <a href="#">Continue Reading &raquo;</a></p>
                </div>
                <div class="topbox">
                    @Html.Partial("_LogOnPartial")
                    <h2>
                        Teachers Login Here</h2>
                    <form action="#" method="post">
                    <fieldset>
                        <legend>Teachers Login Form</legend>
                        <label for="teachername">
                            Username:
                            <input type="text" name="teachername" id="teachername" value="" />
                        </label>
                        <label for="teacherpass">
                            Password:
                            <input type="password" name="teacherpass" id="teacherpass" value="" />
                        </label>
                        <label for="teacherremember">
                            <input class="checkbox" type="checkbox" name="teacherremember" id="teacherremember"
                                checked="checked" />
                            Remember me</label>
                        <p>
                            <input type="submit" name="teacherlogin" id="teacherlogin" value="Login" />
                            &nbsp;
                            <input type="reset" name="teacherreset" id="teacherreset" value="Reset" />
                        </p>
                    </fieldset>
                    </form>
                </div>
                <div class="topbox last">
                    <h2>
                        Pupils Login Here</h2>
                    <form action="#" method="post">
                    <fieldset>
                        <legend>Pupils Login Form</legend>
                        <label for="pupilname">
                            Username:
                            <input type="text" name="pupilname" id="pupilname" value="" />
                        </label>
                        <label for="pupilpass">
                            Password:
                            <input type="password" name="pupilpass" id="pupilpass" value="" />
                        </label>
                        <label for="pupilremember">
                            <input class="checkbox" type="checkbox" name="pupilremember" id="pupilremember" checked="checked" />
                            Remember me</label>
                        <p>
                            <input type="submit" name="pupillogin" id="pupillogin" value="Login" />
                            &nbsp;
                            <input type="reset" name="pupilreset" id="pupilreset" value="Reset" />
                        </p>
                    </fieldset>
                    </form>
                </div>
                <br class="clear" />
            </div>
            <div id="loginpanel">
                <ul>
                    @if (Request.IsAuthenticated)
                    {
                        <text>Welcome <strong>@User.Identity.Name</strong>! [ @Html.ActionLink("Log Off", "LogOff", "Account")
                        ]</text>
                    }
                    else
                    {
                        <li class="left">Log In Here &raquo;</li>
                        <li class="right" id="toggle"><a id="slideit" href="#slidepanel">Login</a><a id="closeit"
                            style="display: none;" href="#slidepanel">Close Panel</a></li>
                    }
                </ul>
            </div>
            <br class="clear" />
        </div>
    </div>
    <!-- ####################################################################################################### -->
    <div class="wrapper col1">
        <div id="header">
            <div id="logo">
                <h1>
                    <a href="#">School Education</a></h1>
            </div>
            <div id="topnav">
                <ul>
                     @Html.Partial("_menuLayout")
                </ul>
            </div>
            <br class="clear" />
        </div>
    </div>
    <!-- ####################################################################################################### -->
    <div class="wrapper col2">
        <div id="breadcrumb">
            <ul>
                <li class="first">You Are Here</li>
                <li>&#187;</li>
                <li><a href="#">Home</a></li>
                <li>&#187;</li>
                <li><a href="#">Grand Parent</a></li>
                <li>&#187;</li>
                <li><a href="#">Parent</a></li>
                <li>&#187;</li>
                <li class="current"><a href="#">Child</a></li>
            </ul>
        </div>
    </div>
    <!-- Dynamic Part of Site - Main Content -->
    <div class="wrapper col3">
        <div id="container" style="height: 300px;">
            <section id="main">
            @RenderBody()
        </section>
        </div>
    </div>
    <!-- Main Content Ends Here -->
    <div class="wrapper col4">
        <div id="footer">
            <div class="footbox">
                <h2>
                    Lacus interdum</h2>
                <ul>
                    <li><a href="#">Lorem ipsum dolor</a></li>
                    <li><a href="#">Suspendisse in neque</a></li>
                    <li><a href="#">Praesent et eros</a></li>
                    <li><a href="#">Lorem ipsum dolor</a></li>
                    <li><a href="#">Suspendisse in neque</a></li>
                    <li class="last"><a href="#">Praesent et eros</a></li>
                </ul>
            </div>
            <div class="footbox">
                <h2>
                    Lacus interdum</h2>
                <ul>
                    <li><a href="#">Lorem ipsum dolor</a></li>
                    <li><a href="#">Suspendisse in neque</a></li>
                    <li><a href="#">Praesent et eros</a></li>
                    <li><a href="#">Lorem ipsum dolor</a></li>
                    <li><a href="#">Suspendisse in neque</a></li>
                    <li class="last"><a href="#">Praesent et eros</a></li>
                </ul>
            </div>
            <div class="footbox">
                <h2>
                    Lacus interdum</h2>
                <ul>
                    <li><a href="#">Lorem ipsum dolor</a></li>
                    <li><a href="#">Suspendisse in neque</a></li>
                    <li><a href="#">Praesent et eros</a></li>
                    <li><a href="#">Lorem ipsum dolor</a></li>
                    <li><a href="#">Suspendisse in neque</a></li>
                    <li class="last"><a href="#">Praesent et eros</a></li>
                </ul>
            </div>
            <div class="footbox">
                <h2>
                    Lacus interdum</h2>
                <ul>
                    <li><a href="#">Lorem ipsum dolor</a></li>
                    <li><a href="#">Suspendisse in neque</a></li>
                    <li><a href="#">Praesent et eros</a></li>
                    <li><a href="#">Lorem ipsum dolor</a></li>
                    <li><a href="#">Suspendisse in neque</a></li>
                    <li class="last"><a href="#">Praesent et eros</a></li>
                </ul>
            </div>
            <div class="footbox last">
                <h2>
                    Lacus interdum</h2>
                <ul>
                    <li><a href="#">Lorem ipsum dolor</a></li>
                    <li><a href="#">Suspendisse in neque</a></li>
                    <li><a href="#">Praesent et eros</a></li>
                    <li><a href="#">Lorem ipsum dolor</a></li>
                    <li><a href="#">Suspendisse in neque</a></li>
                    <li class="last"><a href="#">Praesent et eros</a></li>
                </ul>
            </div>
            <br class="clear" />
        </div>
    </div>
    <!-- ####################################################################################################### -->
    <div class="wrapper col5">
        <div id="copyright">
            <p class="fl_left">
                Copyright &copy; 2011 - All Rights Reserved - <a href="#">SchoolEdu.com</a></p>
            <br class="clear" />
        </div>
    </div>
</body>
</html>
